<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<link rel="stylesheet" type="text/css" media="screen" href="./themes/base/jquery-ui.css" />
<link rel="stylesheet" type="text/css" media="screen" href="./css/ui.jqgrid.css" />
<script src="./js/jquery-1.7.2.min.js"></script>
<script src="./js/jquery.jqGrid.min.js"></script>

<title> SM Devlopment </title>

<style type="text/css">

#total {
	position:absolute;
	width:1550px;
	height:770px;
	z-index:1;
	top: 3px;
	left: 5px;
}

#tabmenu {
	position:absolute;
	width:1500px;
	height:80px;
	z-index:2;
	left: 15px;
	top: 10px;
	text-align:center;
}

#menu {
	position:absolute;
	width:200px;
	height:510px;
	z-index:4;
	left: 25px;
	top: 148px;
}
#body {
	position:absolute;
	width:1500px;
	height:600px;
	z-index:5;
	left: 15px;
	top: 105px;
}
#bottom {
	position:absolute;
	width:1500px;
	height:40px;
	z-index:6;
	left: 15px;
	top: 720px;
	text-align: center;
}

#inner {
	position:absolute;
	width:1450px;
	height:550px;
	z-index:7;
	left: 25px;
	top: 26px;
	text-align:center;
}
#left {
	position:absolute;
	width:500px;
	height:300px;
	z-index:8;
	left: 140px;
	top: 100px;
}
#right {
	position:absolute;
	width:500px;
	height:300px;
	z-index:9;
	left: 855px;
	top: 100px;
	text-align:right;
}
#down {
	position:absolute;
	width:500px;
	height:32px;
	z-index:10;
	left: 141px;
	top: 426px;
}


#center {
	position:absolute;
	width:323px;
	height:34px;
	z-index:2;
	left: 408px;
	top: 64px;
	text-align:center;
}
</style>

<script type="text/javascript">
$(function() {
	//jQuery("#list2").jqGrid('GridUnload');
	jQuery("#list2").jqGrid({
		url : 'output_test3.jsp',
		datatype : "json",
		colNames : [ 'PID', 'P_NAME', 'P_DESCRIPTION', 'P_AUTH' ],
		colModel : [ {
			name : 'PID',
			index : 'PID',
			width : 55,
			editable : false,
			editoptions : {
				readonly : true,
				size : 10
			}
		}, {
			name : 'P_NAME',
			index : 'P_NAME',
			width : 90,
			editable : false
		}, {
			name : 'P_DESCRIPTION',
			index : 'P_DESCRIPTION',
			width : 100,
			editable : true
		}, {
			name : 'P_AUTH',
			index : 'P_AUTH',
			width : 60,
			editable : true
		},

		],

		rowNum : 10,
		rowList : [ 10 ],
		//pager:'#pager2',
		sortname : 'PID',
		viewrecords : true,
		sortorder : "desc",
		loadtext: "Loading...",
		caption : "JSON Example",
		height : '100%',
		editurl : "pageload_conn.jsp"

	});
});
</script>


</head>
<body>

<div id="total">


		<div id="tabmenu">
    			<c:import url="tabmenu.jsp" />
		</div>
  
		<div id="body">
				<div id="inner">
    					<div id="center">
        	 					<table id="list2"></table>
								<div id="pager2"></div>
       					</div>
    			</div>
	  			<br> 
		</div>

		<div id="bottom">
				<c:import url="footer.jsp" />
		</div>
</div>

</body>
</html>
		


	